:root {
	--search_title_zone : left;
	--search_select_width : 20%;
	--search_input_width : 67%;
	--search_btn_width : 10%;
	--input_height: 36px;
	--context_height : 4.125em;
	--context_box_bordertop : 1px solid #ddd;
	--context_box_borderbottom : 1px solid #ddd;
	--content_li_bordertop : 1px solid #e7e7e7;
	--content_box_hover : #f0f8ff;
	--img_box : 1px solid #ddd;
	--title_color : #000;
	--title_fontsize : 16px;
	--content_color : #767676;
	--content_fontsize:14px;
	--content2_color: #666;
	--total_msg_color:#767676;
	--total_count: #767676;
	--bootstrap_1em: 16px;
    --content2_subtitle: 12px;
	--content2_icon: 22px;
	--paging_icon: 30px;
}
@media all and (min-width:320px) and (max-width:767px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 30%;
		--search_input_width : 50%;
		--search_btn_width : 17%;
		--input_height: 36px;
		--context_height : 4.125em;
		--context_box_bordertop : 1px solid #ddd;
		--context_box_borderbottom : 1px solid #ddd;
		--content_li_bordertop : 1px solid #e7e7e7;
		--content_box_hover : #f0f8ff;
		--img_box : 1px solid #ddd;
		--title_color : #000;
		--title_fontsize : 16px;
		--content_color : #767676;
		--content_fontsize:14px;
		--content2_color: #666;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 16px;
	    --content2_subtitle: 12px;
		--content2_icon: 22px;
		--paging_icon: 30px;
	}
}

/* ---------------------------------------------------------
	layout : 테블렛 ( CSS3 @media query )
--------------------------------------------------------- */
@media all and (min-width:768px) and (max-width:1024px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 25%;
		--search_input_width : 55%;
		--search_btn_width : 17%;
		--input_height: 36px;
		--context_height : 5.925em;
		--context_box_bordertop : 1px solid #ddd;
		--context_box_borderbottom : 1px solid #ddd;
		--content_li_bordertop : 1px solid #e7e7e7;
		--content_box_hover : #f0f8ff;
		--img_box : 1px solid #ddd;
		--title_color : #000;
		--title_fontsize : 16px;
		--content_color : #767676;
		--content_fontsize:14px;
		--content2_color: #666;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 16px;
	    --content2_subtitle: 12px;
		--content2_icon: 22px;
		--paging_icon: 30px;
	}
}

/* ---------------------------------------------------------
	layout : 데스크탑 ( CSS3 @media query )
--------------------------------------------------------- */
@media all and (min-width:1025px) {
	:root {
		--search_title_zone : left;
		--search_select_width : 20%;
		--search_input_width : 67%;
		--search_btn_width : 10%;
		--input_height: 36px;
		--context_height : 9.825em;
		--context_box_bordertop : 1px solid #ddd;
		--context_box_borderbottom : 1px solid #ddd;
		--content_li_bordertop : 1px solid #e7e7e7;
		--content_box_hover : #f0f8ff;
		--img_box : 1px solid #ddd;
		--title_color : #000;
		--title_fontsize : 16px;
		--content_color : #767676;
		--content_fontsize:14px;
		--content2_color: #666;
		--total_msg_color:#767676;
		--total_count: #767676;
		--bootstrap_1em: 16px;
	    --content2_subtitle: 12px;
		--content2_icon: 22px;
		--paging_icon: 30px;
	}
}

#bbs_content { margin:0 auto; padding:0px;  min-height: 300px; overflow-x: hidden; }

.bbs_content input[type='text'], .bbs_content input[type='password'], .bbs_content input[type='file'], .bbs_content input[type='email'], .bbs_content input[type='number'], .bbs_content input[type='search'], .bbs_content input[type='tel'], .bbs_content input[type='url'], .bbs_content textarea, [action] .bbs_content textarea { -webkit-border-radius: 0; -webkit-appearance: none; padding: 0 .525em; border: 1px solid #dadada; background-color: #ffffff; font-size:14px; }
input[readonly] { background-color: #f3f3f8; opacity: 1; }
input .placeholder { padding: 0 8px; color: #bbb; }
html input[type='button'], input[type='submit'], input[type='reset'], button, button[class*='button'], button[type='submit'], button[type='reset'], .button, a[class*='button'] { -webkit-border-radius: 0; -webkit-appearance: none; border: 1px solid #dadada; background-color: #eee; color: #333; line-height: 1.375; white-space: nowrap; }

[class*='search1select'] { position: relative; margin: 0 -.5% 1.5em; overflow: hidden; font-size:var(--bootstrap_1em); }
[class*='search1select'] fieldset { margin: 0; }
[class*='search1select'] fieldset legend { display:none; }
[class*='search'] form, [class*='search'] fieldset { margin: 0; }

.search1select2 .search_title_zone { width: 100%;display: inline-flex;text-align: var(--search_title_zone); }
.search1select2 [class*='select'] { width: 20%; }
[class*='search1select'] [class*='select'] { width: var(--search_select_width); height: var(--input_height); margin-left: .5%; margin-right: .5%; background-color:#fff; border: 1px solid #ccc; }
.search1select2 .text1 { width: 39%; }
[class*='search1select'] .text1 { width: var(--search_input_width); height: var(--input_height); margin-left: .5%; margin-right: .5%; border: 1px solid #ccc; padding: 0 10px; border-radius:2px; }
[class*='search1select'] .submit { width: var(--search_btn_width); height: var(--input_height); margin-left: .5%; margin-right: .5%; padding-left: 0; padding-right: 0; }
.button.submit { border:1px solid #175fa5; background-color: #175fa5; color: #fff; border-radius:2px; }
.button.submit:hover { border:1px solid #124c84; background-color: #2874b7; color: #fff; transition: .2s ease-out; -webkit-appearance: none;}


button, input[type='button'], input[type='submit'], input[type='reset'], input[type='image'] { overflow: visible; cursor: pointer; }
label, input, textarea, select, button, table, pre, pre, code, kbd, samp, i, em, cite, dfn, var, address { font-style: normal; font-size: var(--bootstrap_1em); font-family: inherit; letter-spacing: inherit; }
[class*='search1select'] fieldset { margin: 0; }
[class*='search'] form, [class*='search'] fieldset { margin: 0; }
[class*='search1select'] { position: relative; margin: 0 -.5% 1.5em; overflow: hidden; }

.search1select2 input:hover { border:1px solid #428bca; }
.bbs_select { height:34px;padding:7px;min-width: 120px;border:1px solid #dadada; font-size:14px; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/bbs/images/select-arrow.png) no-repeat right center; }
.bbs_select:hover, .bbs_select:active, .bbs_select:focus { border:1px solid #428bca; }
.bbs_select::-ms-expand { display: none; }

{* 목록(그림1.글3.아이콘1) 20180222 *}
.list1f1t3i1 { margin:0 0 1.5em;line-height:20px;overflow:hidden; }
.list1f1t3i1 .lst1 { list-style:none;margin:0;padding:0;border-top:var(--context_box_bordertop);border-bottom:var(--context_box_borderbottom);overflow:hidden; }
.list1f1t3i1 .li1 { margin:0;padding:0;border-top:var(--content_li_bordertop);overflow:hidden; }
.list1f1t3i1 .li1:first-child { border:0; }
.list1f1t3i1 .li1 .a1 { display:block;padding:1.375em 0;text-decoration:none;overflow:hidden; }
.list1f1t3i1 .li1 .a1:hover, .list1f1t3i1 .li1 .a1:focus, .list1f1t3i1 .li1 .a1 { transition:.2s; }
.list1f1t3i1 .li1 .a1:hover, .list1f1t3i1 .li1 .a1:focus, .list1f1t3i1 .li1 .a1:active { background:var(--content_box_hover);  }
.list1f1t3i1 .li1 .a1:hover .t2:after, .list1f1t3i1 .li1 .a1:focus .t2:after, .list1f1t3i1 .li1 .a1:active .t2:after { display:none; }
.list1f1t3i1 .li1 .f1 { float:left;position:relative;width:27%;margin:0 3% 0 0; }
.list1f1t3i1 .li1 .f1 .f1p1 { display:block;position:relative;padding:0 0 66.666%;overflow:hidden;border:var(--img_box); }
.list1f1t3i1 .li1 .f1 img { display:block;position:absolute;left:0;top:0;width:100%;height:auto;min-height:100%;transition:.2s; }

.list1f1t3i1 .li1 .f1+.wrap1texts { float:left;width:70%; }

.list1f1t3i1 .li1 .t1 { display:block; color:var(--title_color); font-weight:500; font-size:var(--title_fontsize); }
.list1f1t3i1 .li1 .curno { display:block; color:#175fa5; font-weight:500; font-size:var(--title_fontsize);}
.list1f1t3i1 .li1 .curno:hover, .list1f1t3i1 .li1 .curno:focus, .list1f1t3i1 .li1 .curno:active { background:var(--content_box_hover);  }

.list1f1t3i1 .li1 .answer_title::before { display:block; float:left; content:''; width:15px; height:15px; border:2px solid #f50; border-top:none; border-right:none; margin-right:5px; } {* 답변추가 2020.04.16 *}
.answer .t1, .answer .wrap1t3  { padding-left:20px; } {* 답변추가 2020.04.16 *}
.list1f1t3i1 .answer { border-top:1px dotted #e7e7e7; }
.list1f1t3i1 .li1 .t1 .comment_num { margin-left:3px; } {* 댓글카운트 추가 2020.04.16 *}

.list1f1t3i1 .li1 .t2 { display:block;position:relative;
	max-height: var(--context_height);
	margin:.833em 0 0;
	color:var(--content_color);
	font-size:var(--content_fontsize);
	overflow:hidden;
}
.list1f1t3i1 .li1 .t2curno { display:block;position:relative;background:#f0f8ff;
	max-height: var(--context_height);
	margin:.833em 0 0;
	color:var(--content_color);
	font-size:var(--content_fontsize);
	overflow:hidden;
}
.list1f1t3i1 .li1 .t2:after { content:'…';display:block;
	position:absolute;right:0;bottom:0;
	width:3em;height:1.375em;overflow:hidden;text-indent:-9999px;
	background:linear-gradient(to right, rgba(255,255,255,0) 0, #fff 100%);
}
.list1f1t3i1 .li1 .wrap1ics { display:block;margin:.75em 0; }
.list1f1t3i1 .li1 .wrap1ics>img { vertical-align:middle; }
.list1f1t3i1 .li1 .wrap1t3 { display:block;margin:.75em 0 0;color:var(--content2_color); }
.list1f1t3i1 .li1 .t3 { display:inline;
	padding:0 .2em 0 .6em;
	background:url('/bbs/images/sep1s.png') no-repeat 0 50%;
	font-size:var(--content2_subtitle);
}
.list1f1t3i1 .li1 .t3:first-child { display:inline;padding-left:0;background:transparent; }
.list1f1t3i1 .ic1.new { display:inline-block;overflow:hidden;
	margin:0 0 -4px;
	text-align:center;
}
.list1f1t3i1 .ic1.new:before { content:'N';display:inline-block;
	width:12px;height:12px;
	margin:0 0 2px;
	padding:2px;
	background:#f50;
	color:#fff;
	font:normal 12px/1 Helvetica,Arial,sans-serif;
	white-space:nowrap;
}
.list1f1t3i1 .ic1.new .t1 { position:absolute;left:-9999px; }
{* effect *}
.list1f1t3i1 .a1:hover .f1 img, .list1f1t3i1 .a1:focus .f1 img { transform:scale(1.1); }
.infomenu1 { z-index:10;clear:both;position:relative;margin:24px 0 0; }
.infomenu1:before,
.infomenu1:after { content:'';display:table;clear:both; }
.infomenu1 .info1 { color:var(--total_msg_color); margin: 5px; }
.infomenu1 .info1 b { color:var(--total_count); }
.infomenu1 .left { float:left;text-align:left; }
.infomenu1 .right { float:right;text-align:right; }
.infomenu1 .center { margin:0 auto;text-align:center; }
.infomenu1 .center .button { margin-left:4px;margin-right:4px; }

.infomenu1 a.sale_registration_btn { display:block; color: white; float:right;  background:rgb(1, 57, 131); padding:10px 20px; margin-bottom:10px; }
.infomenu1 a.sale_registration_btn:hover { background:#2874b7; text-decoration:none; }
.infomenu1 a i { margin-right:0px; font-size:var(--content2_icon); }

.right { float: right; padding: .375em 0; }
.mg0 { margin: 0 !important; }


.bbs_pagination { clear:both;width:100%;margin:4px auto 8px;text-align:center; }
.bbs_pagination .m { display:inline; }
.bbs_pagination .m a { display:inline-block;
	width:24px;height:24px;
	margin:0 1px 6px 1px;
	border:1px solid #d7d7d7;
	background:#fff;
	color:#777;
	vertical-align:middle;
	white-space:nowrap;
	overflow:hidden;
	text-decoration:none;
	box-sizing:border-box;
}
.bbs_pagination .pages .m a { width:24px; min-width:16px; padding:0 12px; line-height:24px; box-sizing:border-box; }
.bbs_pagination .pages .m a:hover { background:#076dac; color:#fff; border:1px solid #076dac; transition: .2s ease-out; -webkit-appearance: none;}
.bbs_pagination .pages .on a { border-color:transparent; background:#2874b7; color:#fff; }


.bbs_pagination .control .m a .ic { display:block;
	font-weight:100;
	font-family: Arial, sans-serif;
}
.bbs_pagination .control .m a .ic:hover { display:block;
	font-weight:100;
	font-family: Arial, sans-serif;
	color:#fff;
}
.bbs_pagination a:not([href]) { cursor:default; }
.bbs_pagination .control a:not([href]) { opacity:.4; }

@media all and (max-width:360px) {
	.bbs_pagination { margin-top:12px;margin-bottom:0; }
	.bbs_pagination .m a { width:34px;height:34px; }
	.bbs_pagination .m a:hover { background:#076dac; color:#fff; border:1px solid #076dac; }
	.bbs_pagination .pages .m a { width:auto;line-height:34px; }
	.bbs_pagination .control .m a .ic { line-height:27px;font-size:var(--paging_icon); }
	.bbs_pagination:nth-of-child(9) { background:red; color:red; }
}

@media all and (min-width:360px){
	.bbs_pagination { margin-top:12px;margin-bottom:0; }
	.bbs_pagination .m a { width:34px;height:34px; }
	.bbs_pagination .m a:hover { background:#076dac; color:#fff; border:1px solid #076dac; }
	.bbs_pagination .pages .m a { width:auto;line-height:34px; }
	.bbs_pagination .control .m a .ic { line-height:27px;font-size:var(--paging_icon); }
	.bbs_pagination:nth-of-child(9) { background:red; color:red; }
}

/* ========== BBS Button  ========== */
.bbs_btn_zone_list { z-index: 10; clear: both; position: relative; margin: 10px 0;  }
.bbs_btn_zone_list:before,
.bbs_btn_zone_list:after { content:'';display:table;clear:both; }
.bbs_btn_zone_list .left { float:left;text-align:left; margin:0;}
.bbs_btn_zone_list .right { float:right;text-align:right; margin:0;}
.bbs_btn_zone_list a i {  font-size:22px; }

.bbs_button {  }
.bbs_button.write_btn { background:#363940; color: #fff; border: 1px solid #2874b7; padding: 8px 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.reply_btn { background:#363940; color: #fff; border: 1px solid #2874b7; padding: 8px 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.modify_btn { background:#363940; color: #fff; border: 1px solid #2874b7; padding: 8px 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.delete_btn { background:#363940;  color: #fff; border: 1px solid #2874b7; padding: 8px 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }
.bbs_button.list_btn {  background:#fff;  color: #333; border: 1px solid #999; padding: 9px; font-size:var(--bootstrap_1em); text-decoration: none; border-radius: 2px; height:36px; }

.bbs_button.write_btn:hover,
.bbs_button.reply_btn:hover,
.bbs_button.modify_btn:hover,
.bbs_button.delete_btn:hover,
.bbs_button.list_btn:hover { background:#2874b7; color:#fff; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }

.Pstyle {
   opacity : 0;
   display : none;
   position : relative;
   width : 300px;
   border : 2px solid #fff;
   padding : 10px;
   background-color : #fff;
   border-radius:5px;
}
.b-close {
   position : absolute;
   right : 5px;
   top : 5px;
   padding : 0px; /* padding : 5px; */
   display : inline-block;
   cursor : pointer;
   color:#2874b7;
   background:#fff;
}

#bbs_sec_pw_list {
    margin-left: .5%;
    margin-right: .5%;
    border: 1px solid #ccc;
    padding: 0 10px;
    width: 150px;
    border-radius: 2px;
    height: 36px;
}

#bbs_sec_pw {
    margin-left: .5%;
    margin-right: .5%;
    border: 1px solid #ccc;
    padding: 0 10px;
    width: 150px;
    border-radius: 2px;
    height: 36px;
}

#sec_btn {
    padding: 8px;
    font-size: var(--bootstrap_1em);
    text-decoration: none;
    border-radius: 2px;

	background:#fd0066;color:#fff;border:1px solid #fd0066;
}
#sec_btn:hover { background:#ff0000; cursor:pointer; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }

#sec_btn_list {
    padding: 8px;
    font-size: var(--bootstrap_1em);
    text-decoration: none;
    border-radius: 2px;

	background:#fd0066;color:#fff;border:1px solid #fd0066;
}
#sec_btn_list:hover { background:#ff0000; cursor:pointer; border: 1px solid transparent; transition: .2s ease-out; -webkit-appearance: none; }

.dk_table table * { margin:0;padding:0;border:0;list-style-type:none;font-size:14px;color:#666 }
.dk_table table { width:100%;border-collapse:collapse;border-top:1px solid #333; }
.dk_table table caption { display:none }
.dk_table table tbody tr:hover { background:#fafafa; }
.dk_table table tbody tr:hover td[scope=row] { background:#fafafa; }
.dk_table table tbody tr.notice td { border-bottom:1px solid #c5d7e0;background:#f3f3f1 }

.dk_table table thead th { word-break: keep-all;padding: 18px 10px 18px 10px;line-height: 15px;font-size: 14px;font-weight: 400;text-align: center;color: #333;border-bottom: 1px solid #ddd;position: relative;background: #f9f9f9; }
.dk_table table tbody th { vertical-align: middle;word-break: keep-all; }

.dk_table table thead th.mo_none { }
.dk_table table tbody td { vertical-align: middle;padding:14px 10px;font-size:13px;color:#666;text-align:center;border-bottom:1px solid #ddd; }


.dk_table table thead th { padding:14px 0;font-size:14px;color:#333;border-bottom:1px solid #ddd;background:#f9f9f9; font-weight:bold; }
.dk_table table tbody td { padding:12px 10px;font-size:13px;color:#666;text-align:center;border-bottom:1px solid #ddd; }
.dk_table table tbody td a { line-height:15px;font-size:14px; font-weight: bold; }
.dk_table table tbody td a.company { display:block;padding:7px 0 0 30px;font-size:14px;color:#000; }
.dk_table table tbody td img { vertical-align:middle }
.dk_table table tbody td ul { text-align:left }
.dk_table table tbody td li { font-size:13px;line-height:20px;color:#666 }
.dk_table table tbody td.subject { text-align:left }
.dk_table table tbody td.subject span { font-size:11px;font-weight:800 }
.dk_table table tbody td.subject span img { }
.dk_table table tbody td.subject .new { display: inline-block; width: 16px; height: 18px; margin: 0 0 2px; padding: 2px 4px; background: #f50; color: #fff; white-space: nowrap; }
.dk_table table tbody td.subject .secret { display:inline-block !important;width:17px;height:17px;text-indent:-9999em;overflow:hidden }
.dk_table table tbody td.subject .reply { display: inline-block;position: relative;padding: 0 0 0 13px;text-indent: -9999em;overflow: hidden;width: 1px; }
.dk_table table tbody td.subject .list_reply { color:#aa6801 }
.dk_table table tbody td.subject a:hover { color:#ff5d65; }
.dk_table table tbody td.subject notice { background:#f3f3f1;border-bottom:1px solid #c5d7e0 }
.dk_table table tbody td div.tac { padding:100px 0 }
.dk_table table tbody td .this { font-size:11px;color:#f30 }
.dk_table table tbody td .notice { font-size:11px;color: #ff5d65; }
.dk_table table tr:first-child td {  }
.dk_table table tr th:last-child { border-right:0 }
.dk_table table tr td:last-child { border-right:0 }
.dk_table table thead th.mb_none,
.dk_table table tbody td.mb_none {  }
.dk_table table .mb_width { width:22%;}
.dk_table .mobile_list_info_zone { margin-top: 5px; font-size: 12px; font-weight: 100; display:none; }
.dk_table .mobile_list_info_zone .mobile_list_info { padding-right: 5px; font-size: 12px; font-weight: 100; }
.dk_table .notice_chk_zone { display:none; }
@media (max-width: 767px) {
	.dk_table table thead th.mb_none, .dk_table table tbody td.mb_none, .dk_table table thead tr {
		display: none;
	}
	.dk_table table tbody td a { line-height:21px;font-size:15px; font-weight: bold; display: block; }
	.dk_table table tbody td { padding:12px 0px;font-size:14px;color:#666;text-align:center;border-bottom:1px solid #ddd; }
	.dk_table .mobile_list_info_zone { display:block; }
	.dk_table .notice_chk_zone { display: contents; }
}

.Tab { overflow: hidden;margin:20px 0; }
.Tab li { float: left; padding:0; text-align: center; margin-bottom: 3px; }
.Tab li a { display: block; background:#fff; border:1px solid #d7d7d7; border-radius:5px; padding: 3px 10px; margin:3px 3px 3px 0; color: #000000; font-size: 14px;letter-spacing: 0; }
.Tab li a:hover, .Tab li a:focus, .Tab li a:active { background:#f2f4f2; }
.Tab li.active a { background: #175fa5;color: #fff; font-weight:100; border:1px solid #175fa5; }
.Tab li.active a:hover, .Tab li.active a:focus, .Tab li.active a:active { background: #4a9ad7;color: #fff; border:1px solid #4a9ad7; }
.Tab.w50 li { }
.selectLocation { display: none; }

@media (max-width: 767px) {
	.Tab { display: none; }
	.selectLocation { display: block; padding: 10px 0; height: 43px; width: 100%; margin: 0; background: #ffffff; }
}

.wrapper_zone {
    margin: 0 auto;
    min-width: 320px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
	display:inline-block;
}
.row_photo [class*='col-'] {
    padding-right: 10px;
    padding-left: 10px;
}
.row_photo [class*='col-'], [class*="row_photo_"] [class*='col-'] {
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    float: left;
}

.img_photo_list li {
  margin: 0 0 20px;
}

@media screen and (max-width: 1024px) {
  .img_photo_list li {
    margin: 0 0 20px;
  }
}

.img_photo_list li a {
  position: relative;
  display: block;
}

.img_photo_list li a .img_bx {
  position: relative;
  display: block;
  transition: 0.3s;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-size: cover;
  padding-top: 66.66667%;
}

.img_photo_list li a .img_bx .img_cover {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img_photo_list li a .img_bx .img_cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /*비율 너비값에 커버 이미지 작을 경우 -> contain */
  max-width: 100%;
  /*비율 너비값이 맞출 경우 -> contain */
  /*모든 이미지  커버*/
  min-width: 100%;
}

.img_photo_list li a .img_box {
  overflow: hidden;
  position: relative;
}

.img_photo_list li a .img_box:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 0 solid #ef3b7b;
  transition: border-width 0.3s;
  z-index: 5;
}

.img_photo_list li a .img_box .img_src {
  display: block;
  transition: 0.3s;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-size: cover;
  padding-top: 109.09091%;
  transition: 0.3s;
  background-size: cover;
  border:1px solid #ddd;
}

.img_photo_list li a .txt_box {
  background: #fff;
  text-align: left;
  color: #333;
}

.img_photo_list li a .txt_box .type {
  height: 25px;
  line-height: 25px;
  background: #4099d5;
  color: #fff;
  text-align: center;
  width: 75px;
  border-radius: 25px;
  margin-bottom: 15px;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.9em;
}

.img_photo_list li a .txt_box .tit {
  color: #222;
  font-weight: 500;
  margin-top: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: nowrap;
}

@media screen and (max-width: 1024px) {
  .img_photo_list li a .txt_box .tit {

    margin-top: 0px;
  }
}

.img_photo_list li a .txt_box .date {
  margin-top: 10px;
  font-size: 0.9em;
  color: #999;
}

.img_photo_list li a .txt_box .des {
  margin-top: 10px;
  font-size: 0.9em;
  color: #999;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.img_photo_list li a:hover .img_box:before {
  border-width: 5px;
}

.img_photo_list li a:hover .img_box .img_src {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.img_photo_list li a:hover .txt_box .tit {
  color: #ef3b7b;
}

.img_photo_list.type_b li a {
  border: none;
}

.img_photo_list.type_b li a .txt_box {
  padding: 15px 0;
}

.img_photo_list.type_b li a:before {
  display: none;
}

.img_photo_list.type_b li a:hover .img_box .hover_box {
  transition: 0.3s ease-out;
  height: 100%;
}

.img_photo_list.type_b li a .img_box .hover_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
}

.img_photo_list.type_b li a .img_box .hover_box .txt {
  display: inline-block;
  border-bottom: 1px solid #fff;
}

.img_photo_list.type_b li a .img_box .hover_box i {
  font-size: 12px;
  margin-left: 5px;
}

.img_photo_list.type_c li {
  margin-bottom: 0;
}

.img_photo_list.type_c li a {
  margin-left: -1px;
  margin-top: -1px;
}

.img_photo_list.type_c li a .txt_box .date {
  margin-top: 10px;
  font-size: 0.9em;
  color: #999;
  height: auto;
  line-height: 1.5;
  text-overflow: inherit;
  display: block;
}

.img_photo_list.type_c li a .txt_box .date span {
  position: relative;
  padding: 0 7px;
}

.img_photo_list.type_c li a .txt_box .date span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1px;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ccc;
}

.img_photo_list.type_c li a .txt_box .date span:first-child {
  padding-left: 0;
}

.img_photo_list.type_c li a .txt_box .date span:first-child:before {
  display: none;
}

@media screen and (max-width: 1024px) {
  .img_photo_list.type_c li a .txt_box .date {
    font-size: 11px;
    letter-spacing: -0.5px;
  }
  .img_photo_list.type_c li a .txt_box .date span {
    padding: 0 5px;
  }
}

.img_photo_list.type_b .img_box {
  position: relative;
}

.img_photo_list.type_b .img_box .img_src {
  padding-top: 80%;
}

.img_photo_list.type_b .img_box:before {
  border: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=70);
  opacity: 0.7;
  z-index: 1;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

.img_photo_list.type_b .img_box:after {
  content: "\e9c5";
  position: absolute;
  font-family: xeicon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-top: -15px;
  margin-left: -15px;
  text-align: center;
  font-size: 30px;
  transition: 0.3s;
  color: #fff;
  z-index: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=0);
  opacity: 0;
  font-weight: 100;
}

.img_photo_list.type_b li a:hover .img_box:before {
  height: 100%;
}

.img_photo_list.type_b li a:hover .img_box:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}